<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <th:block th:replace="~{/_include/header}" />
    <title>[[${bundle.L('安全提示')}]]</title>
    <style>
      .safe-tips {
        background-color: #fff;
        max-width: 601px;
        border-radius: 4px;
        margin: 0 auto;
        padding: 30px 40px;
      }
      .safe-tips .url {
        border-radius: 3px;
        border: 1px solid #ddd;
        background: #fafafa;
        padding: 8px;
        text-align: left;
        color: #4285f4;
        margin-bottom: 20px;
        cursor: default;
      }
      .safe-tips .url .icon {
        width: 40px;
        height: 40px;
        background-color: #bcc6d8;
        border-radius: 2px;
        text-align: center;
        font-size: 28px;
        color: #f3f3f3;
        float: left;
        margin-right: 10px;
        padding-top: 1px;
      }
      .safe-tips .url .text {
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        word-break: break-all;
      }
    </style>
  </head>
  <body class="rb-splash-screen">
    <div class="rb-wrapper rb-error">
      <div class="rb-content m-0">
        <div class="main-content container">
          <a class="logo-img" style="margin-top: 80px; margin-bottom: 20px"></a>
          <div class="error-container mt-0">
            <div class="safe-tips" th:data-nosafe="${nosafe}">
              <h3>[[${bundle.L('即将跳转到外部网站')}]]</h3>
              <p class="text-warning"><i class="mdi mdi-shield-alert-outline fs-14"></i> [[${bundle.L('请注意你的账户安全')}]]</p>
              <div class="url">
                <span class="icon"><i class="zmdi zmdi-link"></i></span>
                <span class="text" th:utext="${outerUrl}"></span>
              </div>
              <div class="clearfix"></div>
              <a class="btn btn-danger btn-outline" th:href="${outerUrl}" rel="noopener noreferrer">[[${bundle.L('继续访问')}]]</a>
              <a class="btn btn-link" onclick="window.close()">[[${bundle.L('关闭')}]]</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <th:block th:replace="~{/_include/footer}" />
  </body>
</html>
